<%@page import="qualomelhor.database.Comparacao.TipoComparacao"%>
<%@page import="qualomelhor.server.DAO"%>
<%@page import="java.util.ArrayList"%>
<%@page import="qualomelhor.database.Comparacao"%>
<%@page import="qualomelhor.database.Produto"%>

<%
	String app_id = "";	
	String app_secret = "";
	String namespace = "";
	if (request.getServerName().equals("www.qual-o-melhor.com")) {
		app_id = "343538035658997";
		app_secret = "8023bbeef61df4d7d0d059c4e9440427";
		namespace = "qual-o-melhor";
	} else if (request.getServerName().equals("www.which-is-better.net")) {
		app_id = "251470321613608"; 
		app_secret = "602baa2419a4306a1ab3d824201f9d82";
		namespace = "which-is-the-better";
	} else if (request.getServerName().equals("www.witch-is-better.com")) {
		app_id = "251471681589048";
		app_secret = "4367064af22143b7a397751083c7edaf";
		namespace = "witch-is-better.com";
	} else if (request.getServerName().equals("localhost")) {
		app_id = "251470321613608"; 
		app_secret = "602baa2419a4306a1ab3d824201f9d82";
		namespace = "which-is-the-better";
	}
%>


<div id="fb-root"></div>
<script>
	pagina = "recomendacao";
	window.fbAsyncInit = function() {
		FB.init({
			appId      : '<%=app_id%>', // App ID
			status     : true, // check login status
			cookie     : true, // enable cookies to allow the server to access the session
			xfbml      : true  // parse XFBML
		});
	};

	// Load the SDK Asynchronously
	(function(d){
		var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
		js = d.createElement('script'); js.id = id; js.async = true;
		js.src = "//connect.facebook.net/en_US/all.js";
		d.getElementsByTagName('head')[0].appendChild(js);
	}(document));
</script>

<script type="text/javascript">
	var opacityBloqueio = 0;
	var opacitySolido = 0;
	var div = null;
	var divSolido = null;

	function votarProduto(idComparacao, produto) {
		alert("carregando form.. idComparacao: " + idComparacao + ", produto: " + produto);
		window.carregaFormVoto_j(idComparacao, produto);
		showDivBloqueio()
	}

	function showDivBloqueio()  {
		div = document.getElementById("divBloqueio");
		divSolido = document.getElementById("divBloqueioSolido");
		opacityBloqueio = 0;
		opacitySolido = 0;
		div.style.opacity = opacityBloqueio;
		divSolido.style.opacity = opacitySolido;
		div.style.display = "block";
		divSolido.style.display = "block";
		setTimeout("animaDivBloqueio()", 10);
	}

	function animaDivBloqueio() {
		//alert("opacityBloqueio = " + opacityBloqueio + ", opacitySolido = " + opacitySolido);
		var reagendar = false;
		if (opacityBloqueio < 0.7) {
			opacityBloqueio += 0.2;
			opacityBloqueio = opacityBloqueio > 0.7? 0.7: opacityBloqueio;
			div.style.opacity = opacityBloqueio;
			reagendar = true;
		}

		if (opacitySolido < 1) {
			opacitySolido += 0.2;
			opacitySolido = opacitySolido > 1? 1: opacitySolido;
			divSolido.style.opacity = opacitySolido;
			reagendar = true;
		}

		if (reagendar) {
			setTimeout("animaDivBloqueio()",300);
		}
	}
</script>

<div id="divRecomendacao">

	<div class="fb-activity" data-width="300" data-height="300" data-header="true" data-recommendations="true"></div>

</div>

<input type="button" value="teste div bloqueio" onclick="showDivBloqueio();">

	<div id="divBloqueio">

</div>

<div id="divBloqueioSolido">
	<div style="position:relative; width: 500px; height: 100%; margin: 0px auto;">
		<div id="divPopupCentro" style="position:absolute; top:50%; width: 500px; height:500px; margin-top:-250px; border: medium solid white; background-color: orange;"></div>
	</div>
</div>


<script type="text/javascript" src='/qualomelhor.gwt.modules.VotoComparacao/qualomelhor.gwt.modules.VotoComparacao.nocache.js'></script>